// let imageAsync = (url) => {
//   return new Promise((resolve, reject) => {
//     let img = new Image(); // 创建一个image对象
//     img.src = url; // 设置他的src属性
//     img.οnlοad = () => { // 如果是加载成功 就会调用onload方法
//       console.log(`图片请求成功，此处进行通用操作`);
//       resolve(image); // resolve这个对象
//     }
//     img.οnerrοr = (err) => { // 失败就会调用onerror方法
//       console.log(`失败，此处进行失败的通用操作`);
//       reject(err); // reject失败信息
//     }
//   })
// }

// imageAsync("url").then(() => {
//   console.log("加载成功");
// }).catch((error) => {
//   console.log("加载失败");
//   console.log(error);
// })

let imageAsync = function (url) {
  return new Promise((resolve, reject) => {
    let img = document.createElement('img')
    img.src = url
    img.onload = function () {
      console.log('图片加载成功');
      resolve(img)
    }
    img.onerror = function (err) {
      console.log('图片加载失败');
      reject(err)
    }
  })
}
imageAsync(url).then((res) => {
  document.body.appendChild(url)
}).catch((err) => {
  console.log(err);
})